<%@ page isELIgnored="false"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<c:set var="ctx" value="${pageContext.request.contextPath}" />
<!DOCTYPE HTML>
<!--[if IE 7 ]>    <html class="ie7" lang="en"> </html><![endif]-->
<!--[if IE 8 ]>    <html class="ie8" lang="en"> </html><![endif]-->
<!--[if IE 9 ]>    <html class="ie9" lang="en"> </html><![endif]-->
<!--[if (gte IE 9)|!(IE)]><!-->
<html class="no-js" lang="en">
<!--<![endif]-->
<head>
<!-- Meta information -->
<meta charset="utf-8" />
<meta name="viewport"
	content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<title>豆豆科技有限公司</title>
<!-- CSS Stylesheet-->
<link type="text/css" rel="stylesheet"
	href="<%=request.getServletContext().getContextPath()%>/static/bootstrap/css/bootstrap.min.css" />
<link type="text/css" rel="stylesheet"
	href="<%=request.getServletContext().getContextPath()%>/static/bootstrap/css/bootstrap-responsive.css" />
<link type="text/css" rel="stylesheet"
	href="<%=request.getServletContext().getContextPath()%>/static/bootstrap/css/bootstrap-theme.min.css" />

<%--  <script src="http://cdn.bootcss.com/jquery/1.11.2/jquery.min.js"></script>
    <script src="<%=request.getServletContext().getContextPath()%>/static/bootstrap/js/bootstrap.min.js"></script>
 --%>
<style type="text/css">
.container-fluid {
	background-color: red;
}
ul{
  margin:0px;
  padding:0px;
}
.navbar-inverse2 {
	background-color: #B8D7F3;
}

.col-md-10 {
	/* background-color: red; */
}
.col-md-2 {
	background-color: yellow;
}
.filterColor {
	background-color: #F6F6F6;
}
.filterColor ul {
	list-style: none;
}
.filterColor li {
	margin: 10px;
}

.filterColor li {
	display: inline;
	line-height: 40px;
	 text-align: left;
}
.filterTitle{
    margin:auto;
    line-height: 40px;
    text-align: right;
}
</style>
</head>
<body>
	<header class="navbar navbar-inverse2 navbar-static-top bs-docs-nav"
		id="top" role="banner">
		<div class="container">
			<div class="navbar-header">
				<button class="navbar-toggle collapsed" type="button"
					data-toggle="collapse" data-target=".bs-navbar-collapse">
					<span class="sr-only">Toggle navigation</span> <span
						class="icon-bar"></span> <span class="icon-bar"></span> <span
						class="icon-bar"></span>
				</button>
				<a href="#" class="navbar-brand">活动集聚地</a>
			</div>
			<nav class="collapse navbar-collapse bs-navbar-collapse">
				<ul class="nav navbar-nav">
					<li><a href="#">活动</a></li>
					<li><a href="#">组团队</a></li>
					<li class="active"><a href="#">找项目</a></li>
				</ul>
				<ul class="nav navbar-nav navbar-right">
					<li><a href="#" onclick="#">XX科技</a></li>
				</ul>
			</nav>
		</div>
	</header>
	<div class="container">
		<div class="filterColor">
			<div class="row">
				<div class="col-md-1 filterTitle">时间</div>
				<div class="col-md-10">
					<ul>
						<c:choose>
							<c:when test="${not empty dataList}">
								<c:forEach items="${dataList}" var="data" varStatus="vs">
									<li>${data.projectZHName}</li>
								</c:forEach>
							</c:when>
							<c:otherwise>
								<tr>
									<div class="col-md-1 center">没有相关数据</div>
								</tr>
							</c:otherwise>
						</c:choose>
					</ul>
				</div>
			</div>
			<!-- 领域 -->
			<div class="row">
				<div class="col-md-1 filterTitle">兴趣</div>
				<div class="col-md-10">
					<ul>
						<c:choose>
							<c:when test="${not empty modelList}">
								<c:forEach items="${modelList}" var="model" varStatus="vs">
									<li>${model.projectZHName}</li>
								</c:forEach>
							</c:when>
							<c:otherwise>
								<tr>
									<div class="col-md-1 center">没有相关数据</div>
								</tr>
							</c:otherwise>
						</c:choose>
					</ul>
				</div>
			</div>
			<!-- 城市筛选 -->
				<!-- 领域 -->
			<div class="row">
				<div class="col-md-1 filterTitle">地点</div>
				<div class="col-md-10">
					<ul>
						<c:choose>
							<c:when test="${not empty cityList}">
								<c:forEach items="${cityList}" var="city" varStatus="vs">
									<li>${city.projectZHName}</li>
								</c:forEach>
							</c:when>
							<c:otherwise>
								<tr>
									<div class="col-md-1 center">没有相关数据</div>
								</tr>
							</c:otherwise>
						</c:choose>
					</ul>
				</div>
			</div>
		</div>
	</div>
	
	<!--下面是筛选数据的展示 -->
	<div class="container">
	 <%-- <iframe src="${ctx}/zhaopin/gisdataList/1_1.html"  name="contentRightFrame"  width="100%" height="100%" 
	             scrolling="no" frameborder="0"></iframe> --%>
	             
	               活动的list数据的动态显示
	</div>

</body>
</html>
</html>